<script lang="ts" setup>
import { CloseCircleOutlined } from '@ant-design/icons-vue';
import { useRouter } from 'vue-router';
const router = useRouter()

const goBack = () => {
    window.history.back()
}

const toHomePage = () => {
    router.push({
        path: '/'
    })
}
</script>
<template>
    <a-result status="error" title="未检测到相关信息" sub-title="">
        <template #extra>
            <a-button key="console" type="primary" @click="goBack">返回</a-button>
            <a-button key="buy" @click="toHomePage">回到首页</a-button>
        </template>

        <div class="desc">
            <p style="font-size: 16px">
                <strong>您所提交的域名未检出的原因：</strong>
            </p>
            <p>
                <close-circle-outlined :style="{ color: 'red' }" />
                您的账号被冻结
            </p>
            <p>
                <close-circle-outlined :style="{ color: 'red' }" />
                所提交的信息包含空格、多余的字符等
            </p>
        </div>
    </a-result>
</template>
<style scoped>
.desc p {
    margin-bottom: 1em;
}
</style>